﻿

#layout-main {
    display: flex;
    flex-direction: column;
    height: 100vh;
    user-select: none;
}

#window-header {
    height: 36px;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    background-color: #2f4050;
    color: white;
}

    #window-header #window-header-title {
        display: flex;
        margin: 0px 10px;
    }

        #window-header #window-header-title img {
            height: 26px;
        }

        #window-header #window-header-title .title {
            margin: 0px 5px;
            font-weight: bold;
            display: flex;
            font-size: 16px;
            align-items: center;
        }

    #window-header #window-header-tools {
        display: flex;
        height: 100%;
    }

    #window-header #window-header-drag {
        flex-grow: 1;
        width: 100%;
        height: 100%;
        min-width:100px;
    }

    #window-header #window-header-tools i {
        padding: 10px;
        width: 16px;
    }

        #window-header #window-header-tools i:hover {
            background-color: #293846;
        }

        #window-header #window-header-tools i:last-child:hover {
            background-color: red;
        }

        #window-header #window-header-tools i .icon {
            width: 24px;
            height: 24px;
            overflow: hidden;
        }

#window-header-module, #window-header-module li {
    list-style: none;
    margin: 0;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
}

    #window-header-module li.active {
        background-color: #293846;
        border: solid 4px #fc982b;
        border-width: 0px 0px 2px 0px;
    }

    #window-header-module li {
        padding: 0px 10px 0px 10px;
    }
